html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
body {width: 100%;height: 100%;font-size: 16px; color: #fff;line-height: 24px;background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;width: 100%;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i,strong {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #fff;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}

@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

/* 去除iPhone中默认的input样式 */
input[type="submit"],input[type="reset"],input[type="button"],input,select,textarea,button{-webkit-appearance:none; resize: none; outline: none;}
[placeholder] {font-family: 'Microsoft yahei';}
::-moz-placeholder {opacity: 1!important;}
:-ms-input-placeholder {opacity: 1!important;}
::-webkit-input-placeholder {opacity: 1!important;}

/* 取消链接高亮  */
body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,select,textarea,button{margin:0; padding:0; border:0; background:none; outline:0; -webkit-tap-highlight-color:transparent; line-height:normal;}

/* 设置HTML5元素为块 */
article,aside,header,footer,nav,section,figure,figcaption,hgroup,progress,canvas{display:block}

/* 图片自适应 */
img {width:auto\9; /* ie8 */height: auto; -ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/}

/* 初始化 */
body{font-size:14px; line-height:normal; font-family:"Microsoft YaHei",Tahoma,"Lucida Grande",Verdana,STXihei,hei; text-rendering:geometricPrecision;color:#333333;background:#FFFFFF; -webkit-font-smoothing: antialiased !important;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-style:normal;}
table{border-collapse:collapse;border-spacing:0;font-size:100%;empty-cells:show}
address,caption,cite,code,dfn,th,var{font-style:normal; font-weight:normal;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
ul,ol,li,dl{list-style-type:none;}
i,em{font-style:normal}
svg:not(:root){overflow:hidden}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{color:#333;text-decoration: none;outline:none;}
a:hover {outline:none;-moz-outline:none;}
a:active{blr:expression(this.onFocus=this.blur())}
a:focus {outline:none;-moz-outline:none;}

/* 浮动与清楚浮动 */
.fl{float: left;}
.fr{float: right;}
.clearfix:after,.clearfix:before{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* ui */
.ui-font-all *,p,span {font-size:inherit; line-height:inherit; color:inherit;}
.ui-inline-block {font-size:0; -webkit-text-size-adjust:none;}
.ui-hn {display:inline-block; vertical-align:middle;}
/*.ui-cell {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}*/
.text_overflow {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;}
.ui-clamp {display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden;}
.ui-box-sizing {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.ui-translate-y {
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}

/* 还原样式 */
.reduction-css em,.reduction-css i{font-style:normal;}
.reduction-css strong,.reduction-css h1,.reduction-css h2,.reduction-css h3,.reduction-css h4,.reduction-css h5,.reduction-css h6{font-weight: bold;}
.reduction-css a{text-decoration: underline;}
.reduction-css a:hover{text-decoration: underline;}
.reduction-css ul,.reduction-css ol{-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-padding-start: 40px; }
.reduction-css ul{list-style-type: disc;}
.reduction-css ol{list-style-type: decimal;}

/* 字体 */
@font-face {font-family:""; src:url();}



body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.loading-div{
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: table-cell;
    vertical-align: middle;
    color: #555;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    text-align: center;
    /*background: #ece8de;*/
    /*background: #5e4674;*/
}
.loading-div::before {
    display: inline-block;
    vertical-align: middle;
}
.loading-div img{
    width: 26%;
    margin:13% auto;
}

/*PC端页头*/
.pc_header{
    width: 100%;
    height: 9rem;
    background-image: url(../image/header_bj.jpg);
    background-size: 100% 100%;
    z-index: 20;
    position: relative;
}
.pc_header .logo{
    width: 8rem;
    float: left;
    margin-left: 4rem;
}
.pc_header .logo img{
    width: 100%;
    vertical-align: middle;
}
.pc_header .nav_box{
    float: right;
    height: 100%;
}
.pc_header .nav_box .nav{
    float: left;
    margin-top: 3rem;
}

.pc_header .nav_box .nav ul li{
    width: 12rem;
    float: left;
    list-style-type: none;
    margin:0 1rem;
    cursor: pointer;
    vertical-align: middle;
}
.pc_header .nav_box .nav ul .first{
    width: 7rem;
}
.pc_header .nav_box .nav ul li a{
    text-decoration-line: none;
    width: 100%;
}
.pc_header .nav_box .nav ul li a img{
    width: 100%;
}
.nav_on{
    display: none;
}
.active .nav_on{
    display: block;
}
.active .nav_off{
    display: none;
}

.pc_header .nav_box .nav ul li .menu{
    width: 18rem;
    margin-left: -3rem;
    height: auto;
    display: none;
    margin-top: 2.1rem;
    background-color: #e0e2e0;
}
.pc_header .nav_box .nav ul li .menu ul li{
    list-style-type: none;
    width: 100%;
    float:none ;
    margin:0;
}
.pc_header .nav_box .nav ul li .menu ul li:hover{
    background-color:#5c383c;
}

.pc_header .nav_box .nav ul li .menu ul li a{
    font-size: 1.6rem;
    line-height: 4rem;
    width:90%;
    margin:0 auto;
    border-bottom: 1px solid #5c383c;
    text-align: center;
    display: block;
    text-decoration-line: none;
}.pc_header .nav_box .nav ul li .menu ul li a:hover{
     color: #fff;
 }

.pc_header .nav_box .search{
    width: 25rem;
    height: 100%;
    float: right;
    margin-left: 4rem;
    background-image: url(../image/head_search.png);
    background-size: 100% 100%;
}
.pc_header .nav_box .search form{
    margin-top: 1rem;

}
.pc_header .nav_box .search .ss_text {
    width:60%;
    display: none;
    margin-left: 10px;
    height: 3rem;
    float: left;
    line-height: 3rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #5e393c;
    border-bottom: 3px solid #5e393c;
}

.pc_header .nav_box .search .ss_btn{
    width:52%;
    height: 36px;
    float: left;
    margin-left: 26%;
    text-decoration: none;
    cursor: pointer;
    background:url(../image/head_search_hover.png) no-repeat right center;
    background-size: 100% 100%;
    cursor:pointer;
}


/*PC端页头结束*/




/*页脚样式*/
.footer{
    width: 100%;
    background-image: url(../image/foot_bj.jpg);
    background-size: 100% 100%;
    border-top:1px dotted #5c383c;
    background-repeat: no-repeat;
}
.foot_box{
    width: 88%;
    margin:5rem auto;
    display: flex;
    flex-direction:row;
    justify-content : space-around;
}
.foot_box ul{
    width: 10%;
}
.foot_box ul h3{
    font-size: 2.5rem;
    color:#5c383c;
    line-height: 4rem;
    font-weight: 600;
    text-align: center;
}
.foot_box ul li{
    list-style-type: none;
    width: 100%;
}
.foot_box ul li a{
    width: 100%;
    display: block;
    font-size: 1.5rem;
    color:#5c383c;
    line-height: 3rem;
    text-align: center;
}
.foot_box .erweima{
    width: 15%;
}
.foot_box .erweima img{
    width: 50%;
    margin:0 25%;
}
.foot_box .erweima h3{
    font-size: 2.5rem;
    color:#5c383c;
    line-height: 4rem;
    font-weight: 600;
    text-align: center;
}
.Copyright {
    color: #fff;
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    margin-top: 3rem;
    padding-bottom: 5rem;
}

.Copyright a{
    color: #fff !important;
}



/*页头页脚自适应调整*/
@media only screen and (max-width: 1600px){
    .loading-div img{
        width: 20%;
        margin:15% auto;
    }
    .pc_header .nav_box .nav ul li .menu{
        margin-top: 1.7rem;
        margin-left: -4rem;
    }
    .pc_header .nav_box .search{
        width: 19rem;
    }
    .pc_header .nav_box .nav ul li .menu{
        margin-top: 1.4rem;
        margin-left: -3rem;
        width: 14rem;
    }
    .pc_header .nav_box .nav ul li{
        width: 10rem;
    }
    .pc_header .nav_box .nav ul .first{
        width: 6rem;
    }
    .pc_header .nav_box .search .ss_btn{
        margin-top: -0.35rem;
    }
    .pc_header .logo {
        width: 7rem;
        margin-left: 2rem;
    }
    .pc_header {
        height: 8rem;
    }

}
@media only screen and (max-width: 1200px){
    .pc_header .nav_box .nav ul li {
        width: 8rem;
    }
    .pc_header .nav_box .nav ul .first {
        width: 4.8rem;
    }
    .pc_header .nav_box .search {
        width: 14rem;
    }
    .pc_header .logo {
        width: 5rem;
        margin-left: 0;
    }
    .pc_header .nav_box .search .ss_text {
        font-size: 1rem;
        line-height: 2rem;
        height: 2rem;
        width: 53%;
    }
    .pc_header {
        height: 6rem;
    }
    .pc_header .nav_box .nav {
        margin-top: 2rem;
    }
    .pc_header .nav_box .search .ss_btn {
        margin-top: -0.95rem;
    }

    .foot_box ul h3 {
        font-size: 2rem;
        line-height: 3rem;
    }
    .foot_box {
        margin: 3rem auto;
    }
    .foot_box .erweima h3 {
        font-size: 2rem;
        line-height: 3rem;
    }

}




/*手机端页头样式*/
body{
    width: 100%;
    overflow-x: hidden;
    overflow-y:auto;
}
.mb_header{
    display: none;
    width: 100%;
    background-image: url(../image/mb_head_bj.jpg);
    background-size: 100% 100%;
    z-index: 20;
    position: fixed;
    top:0;
    left: 0;
    height: 6rem;
    box-shadow:1px 2px 5px #666;
}
.mb_header .mb_head_box{
    position: absolute;
    width: 100%;
}

.mb_header .logo{
    width: 5rem;
    float: left;
}
.mb_header .logo img{
    width: 100%
}
.mb_header .menu_icon{
    width: 2.5rem;
    position: absolute;
    margin-top: 2.5rem;
    top:0;
    right:0;
    margin-right: 1rem;
}
.mb_header .menu_icon img{
    width: 100%;
}
.mb_header .mb_menu_list{
    width: calc( 100% - 50px );
    /*width: 100%;*/
    display: none;
    background-color: #535353;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 15;
    height:100vh;
}
.mb_header .dask{
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 10;
    top:0;
    left: 0;
    background-color: rgba(0,0,0,0);
}
.mb_header .mb_menu_list .menu_bj {
    width: 50px;
    height: 100vh;
    position: absolute;
    left: 0;
    top:0;
    background-color: #ccc;
    margin-left: -50px;
}
.mb_header .mb_menu_list .menu_list_icon{
    width: 30px;
    height: 20px;
    display: block;
    border:none;
    margin:10px;
    /*background-color: #535353;*/
    position: absolute;
    left: 0;
    top:0;
    z-index: 25;
}
.menu_box{
    width: 100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: 18;
}
.mb_header .mb_menu_list ul{
    width: 100%;
}
.mb_header .mb_menu_list .menu_two{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
}
.mb_header .mb_menu_list .menu_three{
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 40;
    width: 100%;
    height: 100vh;
    background-color: #535353;
}
.menu_three .three_title{
    width: 100%;
    height: 50px;
}
.menu_three  #back{
    position: absolute;
    font-size: 20px;
    width:50px;
    height: 50px;
    display: block;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 50px;
    color: #fff;
    z-index: 60;
}
.three_title h2{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    color: #fff;
}

.mb_header .mb_menu_list ul li{
    width: 80%;
    margin:0 10%;
    height: 50px;
    list-style-type: none;
    border-bottom:1px solid #626262;
}
.mb_header .mb_menu_list .menu_two h2{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    color: #fff;
}
.mb_header .mb_menu_list ul li i{
    float: right;
    display: block;
    font-size: 10px;
    line-height: 50px;
    color: #fefefe;
}
.mb_header .mb_menu_list ul li a{
    text-decoration: none;
    color: #fefefe;
    display: block;
    font-size: 16px;
    line-height: 50px;
    text-align: left;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	height:50px;
	width:100%;

}
.mb_header .mb_menu_list ul li a span{
    text-decoration: none;
    color: #f00;
    font-size: 12px;
	margin-left:10px;
    line-height: 50px;
    text-align: left;
}
.mb_header .mb_menu_list .mb_search{
    width: 100%;
    position: relative;
    height: 4rem;
}
.mb_header .mb_menu_list .mb_search img{
    width: 20px;
    position: absolute;
    top:0;
    left: 50%;
    margin-left: 26px;
    margin-top:16px;
}
.mb_header .mb_menu_list .mb_search span{
    font-size: 16px;
    line-height: 50px;
    width: 100%;
    position: absolute;
    top: 0;
    left:0;
    text-align: center;
    color: #fefefe;
}

@media only screen and (max-width: 1000px){
    .loading-div img {
        width: 70%;
        margin: 50% auto;
    }
    .mb_header{
        display: block;
    }
    .pc_header{
        display: none;
    }
    .foot_box ul{
        display: none;
    }
    .foot_box {
        margin: 1rem auto;
    }
    .foot_box .erweima{
        width: 5rem;
    }
    .foot_box .erweima h3 {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }
    .foot_box .erweima img {
        width: 100%;
        margin: 0;
    }
    .Copyright{
        color: #fff;
        font-size: 1rem;
        line-height: 1.5rem;
        text-align: center;
        margin-top: 1rem;
        opacity: 0.7;
        padding-bottom: 1rem;
    }

}

/*ipad尺寸调整*/
@media screen and (max-width: 1000px) and (min-width: 600px){
    .loading-div img {
        width: 70%;
        margin: 32% auto;
    }
    .mb_header {
        height: 8rem;
    }
    .mb_header .logo {
        width: 7rem;
        margin-left: 1rem;
    }
    .mb_header .menu_icon {
        width: 4rem;
    }
    .mb_header .mb_menu_list {
        width: calc( 100% - 70px );
    }
    .mb_header .mb_menu_list .menu_bj {
        width: 70px;
        height: 100vh;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #ccc;
        margin-left: -70px;
    }
    .mb_header .mb_menu_list .menu_list_icon {
        width: 40px;
        height: 30px;
        margin:15px;
        /*margin-left: -70px;*/
    }
    .mb_header .mb_menu_list ul li span {
        float: right;
        display: block;
        font-size: 16px;
        line-height: 70px;
        color: #fefefe;
    }
    .mb_header .mb_menu_list .mb_search span {
        font-size: 24px;
        line-height: 70px;
    }
    .mb_header .mb_menu_list .menu_two h2 {
        font-size: 30px;
        line-height: 80px;
    }
    .three_title{
        height: 80px;
        margin-bottom: 20px;
    }
    .three_title h2 {
        font-size: 30px;
        line-height: 80px;
    }
    .menu_three #back {
        position: absolute;
        font-size: 28px;
        width: 80px;
        height: 80px;
        display: block;
        top: 0;
        left: 0;
        text-align: center;
        line-height: 80px;
        color: #fff;
        z-index: 60;
    }
    .mb_header .mb_menu_list ul li{
        height: 70px;
    }
    .mb_header .mb_menu_list ul li a {
        font-size: 24px;
        line-height: 70px;
    }
    .mb_header .mb_menu_list .mb_search img {
        width: 30px;
        margin-left: 40px;
        margin-top:22px;
    }
    .mb_header .mb_menu_list .mb_search {
        height: 6rem;
    }
    .foot_box .erweima {
        width: 7rem;
        margin-top: 2rem;
    }
    .foot_box .erweima h3 {
        font-size: 1.8rem;
        line-height: 3rem;
    }
    .Copyright {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }

}

/*iphone5 小屏幕尺寸调整*/
@media only screen and (max-width: 350px){
    .mb_header {
        height: 5rem;
    }
    .mb_header .logo {
        width: 4rem;
    }
    .mb_header .menu_icon {
        margin-top: 2rem;
    }

}